<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
    /* .box1 {

        width: 200px;
        height: 200px;

        background-color: red;
    }

    .box1:after {
        width: 200px;
        display: block;
        height: 200px;
        content: "我是张彤";
        clear: both;
        background-color: gold;
    } */

    /* a标签的伪类书写顺序一定是固定的 可以用爱恨准则 love hate l-link v-visited h-hover a-active */
    /* 访问前的状态 */
    a:link {
        color: gray
    }

    /* 访问后的状态 */
    a:visited {
        color: pink;
    }

    /* 鼠标悬停状态 */
    a:hover {
        color: red
    }

    /* 鼠标点击状态 */
    a:active {
        color: seagreen;
    }
</style>

<body>
    <!-- 
    <div class="box1">

    </div> -->


    <!-- author：张彤 -->
    <!--a标签的伪类 -->
    <a href="https://www.bilibili.com/">bilibili</a>
</body>

</html>